<!--**********************************************************************
  
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
 
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
  
You should have received a copy of the GNU General Public License along with this program. If not, see <http://www.gnu.org/licenses/>
  
************************************************************************-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es_ES">
  <head profile="http://www.w3.org/2005/10/profile">
    <link rel="shortcut icon" href="./media/favicon.ico" />
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
    <title>Chat XMPP</title>

    <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/ui-lightness/jquery-ui.css"/>
    <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css"/>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
    <!--hotlinking no permitido-->
    <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>

    <script type="text/javascript" src="./scripts/externos/flXHR.js"></script>
    <script type="text/javascript" src="./scripts/externos/strophe.min.js"></script>
    <script type="text/javascript" src="./scripts/externos/strophe.flxhr.min.js"></script>
    <script type="text/javascript" src="./scripts/externos/ui.tabs.closable.js"></script>
    <script type="text/javascript" src="./scripts/externos/ent.js"></script>

    <link rel="stylesheet" href="./css/chat.css"/>
    <script type="text/javascript" src="./scripts/strophe.presencia.js"></script>
    <script type="text/javascript" src="./scripts/strophe.roster.js"></script>
    <script type="text/javascript" src="./scripts/jabber.js"></script>
    <script type="text/javascript" src="./scripts/ui.js"></script>
    <script type="text/javascript" src="./scripts/log_post.js"></script>
  </head>
  <body>
    <div id="cabecera">
      <img src="./media/xmpp-logo.png" alt="logotipo xmpp" />
      <h1>Chat XMPP</h1>
    </div>
    <div id="selector_temas"></div>
    <div id="botones">
      <button id="boton_conectar">Conectar</button>
      <button id="boton_agregar_contacto">Nuevo contacto</button>
      <button id="boton_eliminar_contacto">Eliminar contacto</button>
      <button id="boton_bloquear_contacto">Bloquear contacto</button>
      <button id="boton_nube_palabras">Nube de Palabras</button>
      <button id="boton_historial">Historiales</button>
      <button id="boton_desconectar">Desconectar</button>
    </div>

    <div id="pizarra_chat">
      <ul></ul>
    </div>

    <div id="lista_contactos">
      <ul>
      </ul>
    </div>

    <div id="dialogo_acceso" class="oculto">
      <form id="formulario_acceso" action="submit">
	<div>
	  <label>JID:</label><input type="text" id="jid_usuario"/>
	  <label>Contraseña:</label><input type="password" id="password"/>
	</div>
      </form>
    </div>

    <div id="dialogo_conectando" class="oculto">
      <p>Conectando, espera por favor</p>
    </div>

    <div id="dialogo_autentificando" class="oculto">
      <p>Aguanta un poco mas, ya casi esta</p>
    </div>

    <div id="dialogo_desconectando" class="oculto">
      <p>Cerrando sesion</p>
    </div>

    <div id="dialogo_error_autentificacion" class="oculto">
      <p>Fallo la autentificacion</p>
    </div>

    <div id="dialogo_error_conexion" class="oculto">
      <p>Fallo la conexion</p>
    </div>

    <div id="dialogo_error_desconocido" class="oculto">
      <p>El error de los errores, el error desconocido.</p>
    </div>

    <div id="dialogo_nuevo_contacto" class="oculto">
      <label>JID:</label><input type="text" id="jid_contacto_agregar" />
      <label>Nombre:</label><input type="text" id="nombre_local_contacto"/>
     </div>

    <div id="dialogo_eliminar_contacto" class="oculto">
      <label>JID:</label><input type="text" id="jid_contacto_eliminar"/>
    </div>

    <div id="dialogo_aprobar_presencia" class="oculto">
      <p><span id="jid_pendiente_aprobacion"></span> Ha pedido una suscripcion a tu presencia. ¿Aprobar o denegar?</p>
    </div>

  </body>
</html>
